@use "@/assets/scss/index.scss" as globalVar;
.el-table {
  &.is-scrolling-none {
    th {
      &.el-table-fixed-column--left {
        background-color: globalVar.$color-green-05;
      }

      &.el-table-fixed-column--right {
        background-color: globalVar.$color-green-05;
      }
    }
  }
  --el-table-border-color: none;

  &.is-scrolling-left {
    th {
      &.el-table-fixed-column--left {
        background-color: globalVar.$color-green-05;
      }
    }
  }

  &.is-scrolling-right {
    th {
      &.el-table-fixed-column--right {
        background-color: globalVar.$color-green-05;
      }
    }
  }

  th {
    &.el-table__cell {
      background-color: globalVar.$color-green-05;
      color: globalVar.$color-green-00;
      font-weight: 500;

      &:first-of-type {
        @include globalVar.basis-border-left(globalVar.$color-green-01);
      }
    }
  }

  td {
    &.el-table__cell {
      @include globalVar.basis-border-bottom;
      @include globalVar.basis-border-right;

      &:first-of-type {
        @include globalVar.basis-border-left;
      }
    }
  }
}

.el-table__header-wrapper {
  tr {
    th {
      &.el-table-fixed-column--left {
        background-color: globalVar.$color-green-05;
      }

      &.el-table-fixed-column--right {
        background-color: globalVar.$color-green-05;
      }
    }
  }
}

.el-table__empty-block {
  margin: 32px 0;
}
